<template>
		<div class="icons">
			<ul>
				<li v-for="item in list" :key='item.id'>
					<router-link to="/">
<<<<<<< HEAD
						<img :src="item.imgURl" />
=======
						<img :src="require('@/'+item.imgURl)" />
>>>>>>> d0d9ac1 (首页)
						<p>{{item.name}}</p>
					</router-link>
				</li>
			</ul>
		</div>
</template>

<script>	
	export default{
		name:'icons',
<<<<<<< HEAD
		data(){
			return{
				list:[
					{id:1,imgURl:require('../../../assets/img/icon01.png'),name:'国内游'},
					{id:2,imgURl:require('../../../assets/img/icon02.png'),name:'住宿'},
					{id:3,imgURl:require('../../../assets/img/icon03.png'),name:'境外游'},
					{id:4,imgURl:require('../../../assets/img/icon04.png'),name:'海岛度假'},
					{id:5,imgURl:require('../../../assets/img/icon05.png'),name:'境外游'},
					{id:6,imgURl:require('../../../assets/img/icon06.png'),name:'出行方式'},
					{id:7,imgURl:require('../../../assets/img/icon07.png'),name:'周边游'},
					{id:8,imgURl:require('../../../assets/img/icon08.png'),name:'户外游'}
				],
			}
		},
=======
		props:['propsicons'],
		data(){
			return{
				list:[],
			}
		},
		watch:{
			propsIcons(){
				this.list=this.propsIcons
			}
		}
>>>>>>> d0d9ac1 (首页)
	}
</script>

<style scoped>
	a{
		text-decoration: none;
	}

	.icons{
		border-bottom: 0.03rem solid #d3d3d3;
		overflow: hidden;
		padding: 0.6rem 0 0;
	}
	.icons li{
		float: left;
		width: 25%;
		text-align: center;
	}
	.icons li img{
		width: 1rem;
		height: 1rem;
	}
	.icons li p{
		color: #000000;
		padding-top: 0.15rem;
		padding-bottom: 0.5rem;
	}
</style>
